<!--
 * @Author: GuoShuning
 * @Date: 2022-12-15 14:02:11
 * @LastEditors: GuoShuning
 * @LastEditTime: 2022-12-17 15:26:50
 * @Description: 
-->
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="./common/css/coommon.css" />
  <title>采购清单</title>
</head>

<body>
  <div class="approvalCenterToPlanCreate">
    <div class="topBox itemBoxContent">
      <div class="detailPage_title">
        <div class="detail_title"><img src="./common/img/caigoulist.png" width="47px" height="37px" />采购清单</div>
        <button class="button_primary">返回</button>
      </div>
      <div class="detailPage_info alignBottom">
        <div class="leftInfo">
          <div class="item_info">
            <div class="item_info_tips">项目名称</div>
            <div class="item_info_text">项目名称项目名称项目名称</div>
          </div>
          <div class="item_info">
            <div class="item_info_tips">申请人</div>
            <div class="item_info_text">XXX</div>
          </div>
          <div class="item_info">
            <div class="item_info_tips">审核人</div>
            <div class="item_info_text info_checker">
              <div class="itemChecker">
                <div class="checkerName"><i class="bi bi-check-circle-fill check_icon check_icon_pass"></i>李毅志通过</div>
                <div class="checkerLine"></div>
                <div class="checkerSign">
                  签名：<img src="" alt="" width="66px" height="22px">
                </div>
              </div>
              <div class="checkerArrow">
                <i class="bi bi-arrow-right"></i>
              </div>
              <div class="itemChecker">
                <div class="checkerName"><i class="bi bi-three-dots check_icon check_icon_waring"></i>李毅志待审核
                </div>
                <div class="checkerLine"></div>
                <div class="checkerSign">
                  签名：<img src="" alt="" width="66px" height="22px">
                </div>
              </div>
              <div class="checkerArrow">
                <i class="bi bi-arrow-right"></i>
              </div>
              <div class="itemChecker">
                <div class="checkerName"><i class="bi bi-x-circle-fill check_icon check_icon_error"></i>李毅志不通过</div>
                <div class="checkerLine"></div>
                <div class="checkerSign">
                  签名：<img src="" alt="" width="66px" height="22px">
                </div>
              </div>
            </div>
          </div>
          <div class="item_info">
            <div class="item_info_tips">不通过原因</div>
            <div class="item_info_text no_pass_reson">项目名称项目名称项目名称</div>
          </div>
        </div>
        <div class="rightAllAction">
          <button class="button_success">通过</button>
          <button class="button_warning">不通过</button>
        </div>
      </div>
    </div>
    <div class="bottomBox itemBoxContent">
      <div class="table">
        <div class="table-header">
          <div class="tr">
            <div class="td" style="width: 10%">序号</div>
            <div class="td center" style="width: 15%">设备名称</div>
            <div class="td center" style="width: 15%">类型</div>
            <div class="td center" style="width: 12%">标签分类</div>
            <div class="td center" style="width: 12%">型号</div>
            <div class="td center" style="width: 12%">品牌</div>
            <div class="td center" style="width: 12%">供应商</div>
            <div class="td center" style="width: 10%">最新成本价</div>
            <div class="td center" style="width: 10%">报价</div>
            <div class="td center" style="width: 10%">数量</div>
            <div class="td center" style="width: 10%">小计</div>
            <div class="td" style="width: 5%">操作</div>
          </div>
        </div>
        <div class="table-body">
          <div class="tr">
            <div class="td" style="width: 10%">1</div>
            <div class="td center" style="width: 15%">设备名称111</div>
            <div class="td center" style="width: 15%">类型</div>
            <div class="td center" style="width: 12%">标签分类</div>
            <div class="td center" style="width: 12%">型号</div>
            <div class="td center" style="width: 12%">品牌</div>
            <div class="td center" style="width: 12%">供应商</div>
            <div class="td center" style="width: 10%">最新成本价</div>
            <div class="td center" style="width: 10%">报价</div>
            <div class="td center" style="width: 10%">数量</div>
            <div class="td center" style="width: 10%">小计</div>
            <div class="td" style="width: 5%">
              <button class="button_error_text">删除</button>
            </div>
          </div>
        </div>
      </div>
      <div class="line"></div>
      <div class="contMoney">
        <div class="itemCount">
          <div class="money">¥200</div>
          <div class="countName">报价合计</div>
        </div>
        <div class="itemCount">
          <div class="money">¥160</div>
          <div class="countName">优惠报价合计</div>
        </div>
      </div>
      <div class="pagination">
        <span>共 200 条</span>
        <ul>
          <li><i class="bi bi-chevron-left"></i></li>
          <li class="active">1</li>
          <li>2</li>
          <li>3</li>
          <li>4</li>
          <li>...</li>
          <li><i class="bi bi-chevron-right"></i></li>
        </ul>
      </div>
    </div>
  </div>
</body>

</html>